<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<style type="text/css">
html,body,ul,h2,h3,h4,p,span{ margin:0; padding:0; -webkit-text-size-adjust:none;}
body { font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.top-wap{ background:#eff; height:18px;line-height: 18px;border-bottom: 1px solid #ECECEC;}
.ui-logo{ height:40px;line-height: 40px;}
.wap-con { width:960px; margin:0 auto;}
.top-wap a { padding-left:5px;}
.ui-ban{ height:24px;line-height:24px; background:#1F62B4}
.ui-ban ul li { width:32px; padding-left:8px; float:left;  }
.ui-ban a { color:#fff; font-weight:bold;}
.ui-con{ }
.ui-con-left { width:75%;border-left:1px solid #ECECEC; border-right:1px solid #ECECEC;}
.ui-con-box { width:93%; height:100%; padding:15px 25px;}
.ui-con-box h4 { color: #07519A; font-size: 12px/30px; font-weight: bold; margin-bottom: 5px;}
.box-mark { color:#999; font-size:10px; margin-bottom: 5px;}
.box-content { background-color: #E3EEFF;border: 1px solid #C3D1E8;color: #000000; padding: 10px;}
.ui-con-right { width:24%; height:100%; border-right:1px solid #ECECEC; }
.ui-con-panel { clear:both; width:95%; margin:10px 0; border:1px solid #DDDDDD; line-height:20px;}
.ui-con-panel ul li { padding:0 8px 2px;}
.panel-title { font:normal 12px/30px Arial; height:26px; background:#F2F6FB; color: #003399; line-height:26px; border-bottom:1px solid #ECECEC; padding-left:5px;}
.ui-f-copyright { font-size: 10px; padding-top: 20px; text-align: center;}
.left { float:left;}
.right { float:right;}
.clear { clear:both;}
.line { border-bottom:1px solid #ECECEC; width:100%;}
a{ font-weight:normal; text-decoration:none;}
li{ list-style:none;}
a hover { color:blue;}
.left5{ padding-left:5px;}
</style>
<body>
<div class="top-wap">
	<div class="wap-con">
        <div class="left">
            <a href="#">注册</a><a href="#">登录</a>
        </div>
        <div class="right">
            <a href="#">欢迎来到网吧记事房</a>
        </div>
    </div>
</div>

<div class="ui-logo">
	<div class="wap-con">
		<div class="left"><h2>网吧记事房</h2></div><div class="right"></div>
    </div>
</div>

<div class="ui-ban wap-con">
	<ul>
    	<li><a href="?">首页</a></li>
        <li><a href="?note-wrt">记事</a></li>
    </ul>
</div>
<div class="ui-con wap-con">
	<div class="ui-con-left left">
		<div class="ui-con-box">
			<h4>天气预报模块一</h4>
            <p class="box-mark"><span>2012年5月5日</span><span class="left5">张三</span></p>
			<p class="box-content">单城市24小时天气预报插件，元素包括：城市名称、双天气图标、温度、七天详情，增加城市IP自动判断功能，根据访问者的IP自动改变城市，本插件最佳宽度在225px ~ 245px之间，如嵌入宽度不满足225px，则可能出现部分字符无法正常显示及文字换行情况，本插件较适宜放在网站顶部导航区域。</p>            
        </div>
 		<div class="line"></div> 
              
 		<div class="ui-con-box">
			<h4>天气预报模块一</h4>
            <p class="box-mark"><span>2012年5月5日</span><span class="left5">张三</span></p>
			<p class="box-content">单城市24小时天气预报插件，元素包括：城市名称、双天气图标、温度、七天详情，增加城市IP自动判断功能，根据访问者的IP自动改变城市，本插件最佳宽度在225px ~ 245px之间，如嵌入宽度不满足225px，则可能出现部分字符无法正常显示及文字换行情况，本插件较适宜放在网站顶部导航区域。</p>            
        </div>
        <div class="line"></div> 
        
 		<div class="ui-con-box">
			<h4>天气预报模块一</h4>
            <p class="box-mark"><span>2012年5月5日</span><span class="left5">张三</span></p>
			<p class="box-content">单城市24小时天气预报插件，元素包括：城市名称、双天气图标、温度、七天详情，增加城市IP自动判断功能，根据访问者的IP自动改变城市，本插件最佳宽度在225px ~ 245px之间，如嵌入宽度不满足225px，则可能出现部分字符无法正常显示及文字换行情况，本插件较适宜放在网站顶部导航区域。</p>            
        </div>
        <div class="line"></div> 
        
 		<div class="ui-con-box">
			<h4>天气预报模块一</h4>
            <p class="box-mark"><span>2012年5月5日</span><span class="left5">张三</span></p>
			<p class="box-content">单城市24小时天气预报插件，元素包括：城市名称、双天气图标、温度、七天详情，增加城市IP自动判断功能，根据访问者的IP自动改变城市，本插件最佳宽度在225px ~ 245px之间，如嵌入宽度不满足225px，则可能出现部分字符无法正常显示及文字换行情况，本插件较适宜放在网站顶部导航区域。</p>            
        </div>
                             
    </div>
    <div class="ui-con-right right">
    	<div class="ui-con-panel">
        	<h4 class="panel-title">标签集</h4>
            <ul>
                <li><a target="_blank" href="#">PL/SQL 集合的初始化与赋值</a></li>
                <li><a target="_blank" href="#">从LSM-Tree两(多)组件算法谈到StackOverflow</a></li>
                <li><a target="_blank" href="#">Eclipse中集成和调试Ant工程</a></li>
                <li><a target="_blank" href="#">再谈.NET Micro Framework移植</a></li>
                <li><a target="_blank" href="#">Flex项目与SSH项目整合问题记录</a></li>
                <li><a target="_blank" href="#">Apache MINA实战之 对象传输</a></li>          
            </ul>
        </div>
        
    	<div class="ui-con-panel">
        	<h4 class="panel-title">点击榜</h4>
            <ul>
                <li><a target="_blank" href="#">PL/SQL 集合的初始化与赋值</a></li>
                <li><a target="_blank" href="#">从LSM-Tree两(多)组件算法谈到StackOverflow</a></li>
                <li><a target="_blank" href="#">Eclipse中集成和调试Ant工程</a></li>
                <li><a target="_blank" href="#">再谈.NET Micro Framework移植</a></li>
                <li><a target="_blank" href="#">Flex项目与SSH项目整合问题记录</a></li>
                <li><a target="_blank" href="#">Apache MINA实战之 对象传输</a></li>          
            </ul>
        </div>  
        
    	<div class="ui-con-panel">
        	<h4 class="panel-title">追捧榜</h4>
            <ul>
                <li><a target="_blank" href="#">PL/SQL 集合的初始化与赋值</a></li>
                <li><a target="_blank" href="#">从LSM-Tree两(多)组件算法谈到StackOverflow</a></li>
                <li><a target="_blank" href="#">Eclipse中集成和调试Ant工程</a></li>
                <li><a target="_blank" href="#">再谈.NET Micro Framework移植</a></li>
                <li><a target="_blank" href="#">Flex项目与SSH项目整合问题记录</a></li>
                <li><a target="_blank" href="#">Apache MINA实战之 对象传输</a></li>          
            </ul>
        </div>  
                      
    </div>
</div>

<div class=" clear ui-f-copyright">
    <div class="wap-con">
        <p>
            <span><a href="#">关于本站</a></span>
            <span><a href="#">挑错有礼</a></span>
            <span><a href="#">手机版</a></span>
            <span><a href="#">官方微博</a></span>
            <span><a href="#">京ICP证030173号</a></span>
        </p>
        <p>
        <span>网吧记事房 版权所有 京ICP备11018177号, 京公网安备110105008830 </span>
        </p>
    </div>
</div>
</body>
</html>